﻿<template>
  <baseUI :isShow="myConfig.isShow" label="" :showLabel="false" :commonConfig="commonConfig">
    <div :style = "{'text-align': Object.keys(myConfig.other).indexOf('textAlign') !== -1 ? myConfig.other.textAlign : 'left'}">
      <el-button :type = "myConfig.other.type"
      :style = "myConfig.myStyle"
      :disabled = "!myConfig.isEnable"
      :size = "commonConfig.size"
      :icon="myConfig.other.leftIcon ? myConfig.other.leftIcon : ''"
      @click="onClick">{{myConfig.other.text}}
      <i v-if="myConfig.other.rightIcon" :class="myConfig.other.rightIcon + '  el-icon--right'"></i>
      </el-button>
    </div>
  </baseUI>
</template>
<script>
import baseComponent from '../baseComponent.vue'
import baseUI from '../baseUI.vue'
export default {
  components: {
    baseComponent, baseUI
  },
  extends: baseComponent,
  mounted () {
  },
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>
<style>
</style>
